<template>
  <el-container class="profile-container">
    <el-aside width="20%" class="profile-menu">
      <profile_menu />
    </el-aside>
    <el-container>
      <el-main class="profile-main">
<!--        <profile_main />-->
        <router-view/>
      </el-main>
<!--      <el-aside width="20%" class="profile-ad">-->
<!--&lt;!&ndash;        <profile_ad />&ndash;&gt;-->
<!--      </el-aside>-->
    </el-container>
  </el-container>
</template>

<script setup>
console.log("个人中心界面获取用户信息：" + localStorage.getItem("userInfo"));
import Profile_menu from "@/views/profile/profileMenu.vue";
import Profile_main from "@/views/profile/profileMain.vue";
import Profile_ad from "@/views/profile/profileAd.vue";
</script>

<style scoped>
.profile-container {
  display: flex;
  height: 100vh;
}

.profile-menu {
  background-color: #f5f5f5;
  border-right: 1px solid #ebeef5;
}

.profile-main {
  overflow-y: auto;
  padding: 20px;
  background-color: #f9f9f9;
}

.profile-ad {
  background-color: #f5f5f5;
  border-left: 1px solid #ebeef5;
  padding: 20px;
  overflow-y: auto;
}
</style>
